<!DOCTYPE HTML>
<html>

<head>
<title>DMT3机台位置--谷歌浏览器插件</title>
<meta charset="utf-8"/>
<style type="text/css">
    
::-webkit-scrollbar{
width:0.7em;
height:0.7em;
border: 1px solid #555;
-webkit-border-radius: 10px;
}
::-webkit-scrollbar:hover{
border-color: #888;
}
::-webkit-scrollbar-thumb{
min-height:0.7em;
min-width:0.7em;
-webkit-border-radius: 10px;
background-color: #d9d9d9;
}
::-webkit-scrollbar-thumb:hover{
background-color: #ccc;
}
::-webkit-scrollbar-thumb:active{
background-color:#999;
}
    
    * {
        margin: 0;
        padding: 0;    
    }
    body {
        background-color: #0e0e0e;    
    }
    #main {
        width: 850px;
        height: 620px;
        margin: 30px auto 0 auto;
        background: url(bg.jpg) no-repeat;
        position: relative;
    }
    #show, #download {
        position: absolute;    
    }
    #show {
        white-space:nowrap;
        width: 355px;
        height: 591px;
        overflow-y: hidden;
        overflow-x: scroll;
        top: 15px;
        left: 10px;
    }
    #show img {
        padding: 0 6px;    
    }
    #download {
        display: block;
        width: 254px;
        height: 52px;
        background: url(download-btn.png);
        text-indent: -999em;
        top: 530px;
        left: 456px;    
    }
    
    
</style>
</head>

<body>

    <div id="main">
        <div id="show">
            <img src="show-1.png" alt="实例图片-1" />
            <img src="show-3.png" alt="实例图片-3" />
            <img src="show-2.png" alt="实例图片-2" />
        </div>
        <a href="../file/djmaxLocation-latest.crx" id="download">下载</a>
    </div>


</body>

</html>